.main {
    float: left;
    width: 100%;
    position: relative;
}

.base, .base_one, .base_two, .base_three, .base_four, .base_five,
.base_six, .base_seven, .base_eight, .base_nine, .base_ten {
    float: left;
    width: 100%;
}

.base_one, .base_three, .base_five, .base_seven, .base_nine {
    background: #417235;
}

.base_six, .base_eight, .base_ten {
    background: #61a231;
}

.base_one {
    height: 4em;
}

.base_two {
    height: 1.3em;
    background: #4a9636;
}

.base_three {
    height: 3.3em;
}

.base_four {
    background: #5ea631;
    height: 1.6em;
}

.base_five {
    height: 4em;
}

.base_six {
    height: 1.9em;
}

.base_seven {
    height: 4.3em;
}

.base_eight {
    height: 4.1em;
}

.base_nine {
    height: 7em;
}

.base_ten {
    height: 4em;
}

.title {
    width: 80%;
    margin-left: 10%;
    position: absolute;
    margin-top: 2.3em;
}

.title img {
    width: 100%;
    height: 4.5em;
}

.referee {
    width: 46%;
    margin-left: 30%;
    position: absolute;
    margin-top: 9.6em;
}

.referee img {
    width: 100%;
    height: 7.5em;
}

.togofwar {
    width: 100%;
    position: absolute;
    margin-top: 12.5em;
}

.togofwar img {
    width: 100%;
}

.drop_in,.create_room {
    width: 45%;
    position: absolute;
    margin-left: 27.5%;
}
.judge_title{
    width: 65%;
    position: absolute;
    margin-left: 17.5%;
    margin-top: 2em;
}


.drop_in img ,.create_room img ,.judge_title img{
    width: 100%;
    height: 3.5em;
    position: relative;
}

.drop_in p ,.create_room p ,.judge_title p{
    position: absolute;
    top: 0;
    font-size: 26px;
    text-align: center;
    margin-top: 15px;
    width: 100%;
    color: white;
}

.line_left {
    float: left;
    width: 12%;
    margin-left: -.3em;
}
.line_right {
    float: right;
    width:12%;
    margin-right: -.3em;
}

.line_right img ,.line_left img{
    height: 6em;
    width: 100%;
}
.line {
    width: 100%;
    float: left;
    position: absolute;
    margin-top: 29.6em;
}

.both_team{
    position: absolute;
    margin-top: 7em;
}
.both_team img {
    width: 100%;
    position: relative;
    height: 22.7em;
}
.red_team ,.blue_team{
    position: absolute;
    width: 100%;
    top: .5em;
}
.red_team p,.blue_team p{
    font-size: 26px;
    color: white;
}

.count_down {
    width: 40%;
    position: absolute;
    margin-top: 22em;
    margin-left: 30%;
}

.count_down img{
    position: absolute;
    height: 6.5em;
    width: 100%;
}
.count_down_num img {
    position: absolute;
    height: 3.6em;
    margin-top: 1.2em;
    width: 26%;
    margin-left: 38%;
}
.win {
    position: absolute;
    margin-top: 18em;
}
.win img {
    width: 100%;
    height: 8em;
}
input{
    background: rgba(244, 255, 253, 0);
    height: 2.1em;
    width: 80%;
    position: absolute;
    top: 0;
    margin-left: 2.5em;
    border-style: none;
    color: white;
    font-size: 1.5em;
    outline: none;
    margin-top: 0;

}